<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, height=device-height, user-scalable=0,  minimum-scale=1, maximum-scale=1">
     <title>常用联系方式</title>
    <link rel="stylesheet" href="../style/topUp.css">
    <link rel="stylesheet" href="../style/contact.css">
    <link rel="stylesheet" href="../style/public.css">
  </head>
  <body> 
   <div class="app">
     <header class="header">
       <span class="header-back"></span>
       <div class="header-title">
        常用联系方式
       </div>
     </header>
     
      <div class="contact">
        <nav class="classify">
          <div class="classify__history is-active">
            <i class="classify__history__icon">😥</i>
            <span>历史记录</span>
          </div>
          <div class="classify__history">
            <i class="classify__history__icon">😥</i>
            <span>收藏的点</span>
          </div>
        </nav>
        <!--列表-->
        <ul class="contactList">
          <li class="contactList__item">
            <div class="contactList__item__message">
              <p>泉州市石狮市闽南理工学院宝盖校区</p>
              <p class="contactList__item__message__color">一期学生公寓3#666室</p>
            </div>
            <i class="contactList__item__icon is-active">😥</i>
          </li>
          <li class="contactList__item">
            <div class="contactList__item__message">
              <p>泉州市石狮市闽南理工学院宝盖校区</p>
              <p class="contactList__item__message__color">一期学生公寓3#666室</p>
            </div>
            <i class="contactList__item__icon">😥</i>
          </li>
          <li class="contactList__item">
            <div class="contactList__item__message">
              <p>泉州市石狮市闽南理工学院宝盖校区</p>
              <p class="contactList__item__message__color">一期学生公寓3#666室</p>
            </div>
            <i class="contactList__item__icon">😥</i>
          </li>
          <li class="contactList__item">
            <div class="contactList__item__message">
              <p>泉州市石狮市闽南理工学院宝盖校区</p>
              <p class="contactList__item__message__color">一期学生公寓3#666室</p>
            </div>
            <i class="contactList__item__icon">😥</i>
          </li>
        </ul>
        <button type="button" class="contactClear">清空所有历史</button>
      </div>
   </div>
  </body>
</html>
